<template>
  <div class="footer-box">
    <div class="footer">
      <router-link to="">
        <div>
          <img src="@/assets/01.svg" alt="" />
          <div>首页</div>
        </div>
      </router-link>
      <router-link to="">
        <div>
          <img src="@/assets/02.svg" alt="" />
          <div>卖东西</div>
        </div>
      </router-link>
      <router-link to="">
        <div>
          <img src="@/assets/03.svg" alt="" />
          <div>购物车</div>
        </div>
      </router-link>
      <router-link to="">
        <div>
          <img src="@/assets/04.svg" alt="" />
          <div>我的</div>
        </div>
      </router-link>
    </div>
    <!-- <div class="btoom"></div> -->
  </div>
</template>

<script>
export default {
    name: "MyFooter",
};
</script>

<style scoped>
a {
  color: #000;
}
div {
 font-size: 10px;
    color: rgb(51, 51, 51);
    font-weight: 400;
    text-align: center;
}

.footer{
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: fixed;
  bottom: 0px;
  background-color: #fff;
}
img {
    height: 0.3rem;
    width: 0.3rem;
    fill: rgb(51, 51, 51);
}
/* .btoom{
  width: 100%;
  height: 60px;
} */
</style>